<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/page.css" >
</head>
<body>
	<form action="">
		<header class="header">
			<div class="sl">
				<p class="logo">
					<img src="images/logo.png" id="logo-img">|调度管理平台
				</p>
				<ul>
					<li>
						<a href="page.jsp" class="underline">首页</a>
					</li>
					<li>
						<a href="plan.jsp" class="underline">方案中心</a>
					</li>
				</ul>
				<p class="dh">
					<img src="images/dh.png" id="dh-img">10022-88888
				</p>
				<ul>
					<li>
						<a href="login.jsp">登录</a>
					</li>
					<li>
						<a href="register.jsp" class="sl-mf">免费试用</a>
					</li>
				</ul>
			</div>
			<div class="slideshow-container">
			    <div class="mySlides fade">
			        <img src="images/bj1.png" id="login-img">
			    </div>

			    <div class="mySlides fade">
			        <img src="images/bj2.png" id="login-img">
			    </div>

			    <div class="mySlides fade">
			        <img src="images/bj3.png" id="login-img">
			    </div>

			    <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
			    <a class="next" onclick="plusSlides(1)">&#10095;</a>
			</div>
		</header>
		<footer class="footer">
			<div id="footer-sm">
				<h1>
					关于我们
				</h1>
				<br>
				<p>
					XX货车调度管理平台助力每一位合作伙伴持续创造价值,实现梦想!
				</p>
			</div>
			<div id="ptjs">
				<img src="images/ptjs1.jpg" class="ptjs-img">
				<p id="ptjs-js">
					<span>
						平台介绍
					</span>
					<br><br><br>
					XX货车管理平台创造于2024年,注册资金xx万,员工xx人。<br>
					平台是该年级第一批货车调度管理平台,该平台可以根据客户的具体需求量身定做，为客户提供真正适用的一体化解决方案。
				</p>
			</div>
			<div id="ptgl">
				<h3>
					XX货车调度管理
				</h3>
				<p id="ptgl-gl">
					<span>
						助力每一个用车的顾客用车方便,实现便捷用车!
					</span>
					<br><br>
					我们平台拥有一支强有力的技术服务团队,本着注重信誉,强调服务,以忘我的精神和精湛的技术为用户提供服务,致力成为一流的管理平台。
				</p>
				<img src="images/ptbj2.jpg" class="ptgl-img">
			</div>
		</footer>
		<section class="sectioin">
			<div id="fa">
				<p class="fa-sm">
					<span>
						XX货车调度管理方案
					</span><br><br>
					XX货车调度管理助力每一位顾客持续创造价值,实现梦想!
				</p>
				<ul>
					<li>
						<img src="images/pc.jpg" alt="">
					</li>
					<li>
						派车系统
					</li>
				</ul>
				<ul>
					<li>
						<img src="images/fy.jpg" alt="">
					</li>
					<li>
						费用管理
					</li>
				</ul>
				<ul>
					<li>
						<img src="images/aq.jpg" alt="">
					</li>
					<li>
						安全管理
					</li>
				</ul>
				<ul>
					<li>
						<img src="images/zc.jpg" alt="">
					</li>
					<li>
						资产人员管理
					</li>
				</ul>
			</div>

		</section>
	</form>
</body>
<script>
	let slideIndex = 0;
	showSlides();

	function showSlides() {
	    let i;
	    let slides = document.getElementsByClassName("mySlides");
	    for (i = 0; i < slides.length; i++) {
	        slides[i].style.display = "none";
	    }
	    slideIndex++;
	    if (slideIndex > slides.length) {slideIndex = 1}
	    slides[slideIndex-1].style.display = "block";
	    setTimeout(showSlides, 2000); // Change image every 2 seconds
	}

	function plusSlides(n) {
	    showSlides(slideIndex += n);
	}

	function currentSlide(n) {
	    showSlides(slideIndex = n);
	}	
</script>
</html>